@import (reference) "base.less";
.w100{width: 100%;}
.pleft{left: 0}
.ptop{top: 0}
.wb-100{width: 100%}
.bg-red {background: #eb4f40; color: #fff;}
.star{
	.dib;.vm; width: 44px; height: 42px; background: url(../images/icon/star.png) no-repeat 0 0; 
	.scale(@scale:0.5);margin: 0 -5px;
}
.star.on {background-position: 0 bottom; }
button {background: #fff; border:none;outline: none;}

.blue-line {
	.pr;padding: 10px 10px 10px 20px;
	&:before{.pc; width: 3px; height: 20px; background: #30c3ea; left:10px;}
}
.equip-box{
	.img-list {
		.dis-b;width: 80%;margin: 0 auto;overflow-x: scroll;overflow-y: hidden;
		.mb10;.pr;
	}  
	img {width: 100%; height:100%;.dib;.vm;}
	.line {
		.pa; width: 100%;.ac;bottom: 10px;left: 0; 
		span{height: 0;width:6px; border: 1px solid #ccc;.dib;.vm;margin: 0 2px;}
		.on{border: 1px solid #22c5e5; }
	}

}
// 详情基础显示
.more-detail {
	font-size: 14px; color: #4f4f4f;.m10;padding-right:50px ;.pr;.Multi-hd(@line:2);height: 39px;
	a{
		.pa; width:100%;height: 100%; color:#22c5e5; font-size: 12px; right: 10px;line-height:37px;top: 0;
		.ar;right:0px;
	}
}
// 跳转详情页
.tag-list{
	-webkit-flex-wrap:wrap;-webkit-justify-content:left;display: -webkit-inline-flex;.line-gray-top(@num:10px);
	overflow: hidden;width: 96%;padding: 2%;
	li{
		-webkit-flex-grow:0;.ac;width:19.3%;.mb10; border: 1px solid #eee;line-height:20px;.pr;
		min-height: 92px;
	}
	img{.db; width: 100%;}
	.on{ 
		bottom: 2px solid #22c5e5; color:#22c5e5;
		&:before{.pc; width: 100%; bottom: 0;left: 0; height: 0;border-top: 2px solid #22c5e5;}
	}
	li:first-child{ line-height: 90px;}
	.open {
		.pa; width:36px; height:36px; .roundedCorners(@radius:18px); background: rgba(0, 0, 0, 0.5);
		left: 50%; top: 50%;margin: -28px 0 0 -18px;line-height: 36px; color: #fff;
	}
}
.btn-size {
	border: 1px solid #e1e2e3;background: #fff; height: 35px; line-height: 35px;
	margin:10px;.db;.ac;font-size: 14px; color: #4f4f4f;
}
// 配色列表
.buy{
	width: 50px; height: 24px; .ac;.dib;.vm; line-height: 24px; border: 1px solid #eb4f40;
	.roundedCorners(@radius:5px);
}
.buy-list { 
	li{.pr; padding:10px 70px 10px 90px; height: 70px;border-bottom:1px solid #ccc;}
	img{ .pa; top: 10px; left: 10px;width: 70px; height: 70px;}
	h6{font-size: 14px;color: #4f4f4f; }
	span,.buy{.pa; right: 10px; top: 10px; }
	.buy{top: auto; bottom:10px;color: #eb4f40;}
	.gray{color: #ADADB3; border-color: #ADADB3;}
	.icon{
		.pa; width: 25px;background: #eb4f40; color: #fff; font-size: 10px; .ac;padding: 2px 4px ;
		left: 15px; top: 8px; z-index: 5;
		// &:before {
		// 	width:0px;height:0px; overflow:hidden; border-width:28px;.pc;left: 0; bottom: 0;
		// 	border-color:#eb4f40 transparent transparent transparent;
		// 	border-style: solid ;
		// 	border-style:solid dashed dashed dashed;
		// }
	}
}
.more-buy {height: 50px; line-height: 50px; .ac;.color_gray;.f14;.db;}
.comment-list {

	dt{.f16;color: #6d6e70; height: 20px; line-height: 20px; .pr10;border: 1px solid #e1e2e3;.line-gray-top(@num:10px);}
	dd{
		padding: 10px 10px 10px 52px;.pr;
		img{width: 32px; height: 32px; .roundedCorners(@radius:16px); .pa; left: 10px; top: 10px;}
		border-bottom: 1px solid #ccc;
	}
	ul{}
	li{
		.pr;
		p{ .pa; right:0px; top:0px;}
		img{width: 20%; height:auto; .dib;.vm; border-radius:0;.mr10;position: inherit;.mb5;}
	}

	li:last-child{.pb10;}
	li:first-child span {padding: 2px 5px;}
	.empty{
	 padding: 10px; .ac; 
	 img{height: 100px; width: auto;position: inherit;; top: 0;margin: 0;}
	 background: #f5f7fa;color: #eeebeb;
	}
 }
 .summary .text {.Multi-hd(@line:2);.mb10;}
 .empty{
	 padding: 10px; .ac; 
	 img{height: 100px; width: auto;position: inherit;; top: 0;margin: 0;}
	 background: #f5f7fa;color: #eeebeb;
	}
 .say-btn { 
 	background:#f5f7fa; .color_gray; font-size: 15px; .db;.ac;height: 30px; line-height: 30px; 
 	border: 1px solid #e1e2e3;margin: 5px 10px 10px;
 	img {height: 15px; .dib;margin-top:7px;}
 }
 .youlike {
 	li{
 		border-bottom: 1px solid #ccc;.pr;padding: 10px 10px 10px 90px;height: 70px;
 		img{.pa;left: 10px; top: 10px;width: 70px; height: 70px; }
 		h6{}
 		p{ padding-right: 70px; }
 		.buy {.pa; top: 30px; right: 10px;color:#eb4f40;}
 	}
 	li:last-child{border: none;}
 }
 .pn li p {padding: 0}
 // 评论列表
// img{width: 70px; height: 70px;}
.mui-popup {
    position:fixed;z-index:10000;top:50%; left:50%;display:block; overflow:hidden;
    width:70%;
    -webkit-transition-property:-webkit-transform,opacity;
    transition-property:transform,opacity;
    -webkit-transform:translate3d(-50%,-50%,0) scale(1.185);
    transform:translate3d(-50%,-50%,0) scale(1.185);
    text-align:center;
    opacity:1;
    border-radius:13px
}
 
.mui-popup-title {
    font-size:15px;color: #4f4f4f;padding: 10px 0;color: #4f4f4f; text-align:center;
    span{color: #e1e2e3; }
}
.mui-popup-title+.mui-popup-text {
    font-family:inherit;
    font-size:14px;
    margin:5px 0 0
}
.mui-popup-buttons {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    height:44px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    justify-content:center
}
.mui-popup-button {
    font-size:17px;
    line-height:35px;
    position:relative;
    display:block;
    overflow:hidden;
    box-sizing:border-box;
    width:100%;
    height:35px;
    padding:0 5px;
    cursor:pointer;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#007aff;
    background:rgba(255,255,255,.95);
    -webkit-box-flex:1
}


.mui-active:enabled, 
input[type=submit].mui-active:enabled, 
input[type=submit]:enabled:active{background: #22c5e5;border: 1px solid #22c5e5;}
.dialog_div button{
	font-size: 13px; width:20%;.ac; border:1px solid #e1e2e3;
	.roundedCorners(@radius:3px);.mb10;padding: 3px 0;
}
.dialog_div:first-child button:first-child,
.dialog_div:last-child button:last-child{width:42%}
.dialog_div input[type=submit] {color: #fff;}
.mui-popup {background: #fff;}
.mui-popup-inner:after{height: 0;width: 0;border: none;}

.mui-popup-button:first-child:last-child {
	background: #22c5e5; color: #fff;  .roundedCorners(@radius:20px); margin-bottom: 10px;
	width: 80%;
}
.mui-slider-indicator .mui-indicator {
	background: #ccc; width: 15px; height: 2px;border-radius:0;box-shadow: none;
}
.msg {padding: 20px 0}
.mui-btn-blue, .mui-btn-primary, input[type=submit] {color: #fff; background: #22c5e5;border: 1px solid #22c5e5;}
.mui-popup-text { font-size: 15px; }
.mui-bar {bottom:-1px; background: #fff; width: 100%;height:50px}
.back-top { 
	width: 40px; height: 40px; background:url(../images/img/top.png) no-repeat 0 0;
	background-size: 100% 100%; display: none;position: fixed;right: 10px;bottom: 10px;
}
// 评论详情页面end
.home-nav {
	.dis-b;
	img{.db;width: 60%; margin: 5px auto;}
	a{.db;.ac;.flex(@part:1);color: #4f4f4f;}
}
::-webkit-scrollbar{width:0px}
.good-price {
	ul{.dis-b; overflow-x: scroll;.ml10;}
	li{width:27%;.mr10;.pr;}
	img{width: 100%;max-height: 100px;}
	.color_gray { text-decoration: line-through;font-size: 10px; }
	div{
	 display:-webkit-box;-moz-box-pack:justify; -webkit-box-pack:justify; -o-box-pack:justify; box-pack:justify; 
	 .box-align(@align:-webkit-justify,@vertical:center);letter-spacing: -1px;
	}
	a{.pa; width: 100%; height: 100%; }
	.img-box {height: 100px;.box-align(@align:center,@vertical:center) }
}
.pn-recommend {
	color: #4f4f4f;
	dt{.f16; }
	h3{.f15;line-height: 20px; }
	.img-list{
		
		img{max-height: 85px; width: 22%; height: auto;.dib;.vm;.mr5;.mt10;}
	}
	.text{
		.pr;padding-left: 40px;height: 32px;.ml10;.mt15;
		img{width: 32px; height: 32px; .db; .roundedCorners(@radius:16px);.pa;left: 0;top: 0;}
		.color_gray{.pa; right:0px; top: 10px;}
	}
	.eye{ 
		background: url(../images/icon/eye.png) no-repeat left center; padding-left:20px;
		background-size: 15px auto;height: 16px; line-height: 16px;
	}
}
.equip-head {
	form{width: 100%;.pr;.dis-b;.box-align(@align:justify,@vertical:center);}
	background: #eee;padding: 10px;.pr;.dis-b;
	 .box-align(@align:justify,@vertical:center);
	input{
		background:url(../images/icon/search.png) no-repeat 5px center #fff; 
		.roundedCorners(@radius:5px;); width:59%; height: 20px; padding: 5px; 
		font-size: 14px; color: #adadb3;outline: none;.db;
		background-size: auto 15px; padding-left: 25px;
		.flex(@part:2);.mr10;
	}
	a{.db;font-size:10px; color: #4f4f4f;.ac;.flex(@part:2);}
	i{
		background:url(../images/icon/me.png) no-repeat 0 0 ;margin:-10px auto -7px;
		.scale(@scale:0.5);width:48px;height: 40px;.db; 
	}
	i.me{background-position:right 0;}
	.lens { height: 40px; width: 40px; .pa;left:2px;top:10px;background: none;}
}
.search-back{
	position: absolute;right:26%;width:50px;height: 40px;z-index: 3; background: none;
    top: 10px;color:#adadb3;
    }
.analogy {
	background: #fff;top: 40px;padding-top: 10px;
	li{height: 45px; line-height: 45px; font-size: 16px;.line-gray;color: #4f4f4f; padding-left: 25px; }
	li:last-child{border: none;}
}
.ad-banner {width: 100%; height: auto;max-height: 157px;}
.sort-nav {
	font-size: 13px;padding: 10px 0;
	button { border-right: 1px solid #eee;font-size: 13px;.color_gray; padding: 5px 10px;}
	button:last-child,button:nth-child(3){border: none;}
	button.on{color:#22c5e5; }
}
.btn-list{
	 background: url(../images/bg/btn.jpg) repeat-x 0 0;.pt10;.mt10;.dis-b;
	 .box-align(@align:justify,@vertical:center);
	 button{ color: #4f4f4f;.db;.flex(@part:1);}
	 button:nth-child(3){ border-right: 1px solid #eee;}
	 img{ width: 13px;.ml5;}
	 .on img{-webkit-transform:scale(1,-1);}
	 button.on{color: #4f4f4f;}
	}
.filter-box {
	border-top: 1px solid #eee; .pt10;
	button,
	button:nth-child(3),
	button:last-child { padding: 4px 8px; border: 1px solid #eee; margin: 5px 5px 5px;.roundedCorners(@radius:3px);}
}
.equip-empty{
	.ac;background: #f5f7fa;padding: 15px 0;
	img {width:40%; }
	p{color:#cacaca;padding: 5px;font-size: 15px; }
	.btn {
		width: 50%; height: 38px;line-height: 38px; .roundedCorners(@radius:19px); font-size: 15px;
		border: 1px solid #3bb8d9; color: #3bb8d9;.db;margin: 10px auto;
	}
}
.text-img { margin:10px auto -30px;.db;}
.hot-search{
	background: #fff; .p10;.mt10;color: #676a6d;
	h1{color: #676a6d; font-size: 14px;}
	i{margin:-6px -3px 0 0; .scale(@scale:0.5)}
	div{
		-webkit-flex-wrap:wrap;-webkit-justify-content:-webkit-justify;width: 100%;
		display: -webkit-inline-flex;	overflow: hidden;.mt5;
	}
	img {width:40%; }
	span{
		-webkit-flex-grow:0;.ac; border: 1px solid #eee;line-height:20px;.db;
		padding: 3px 10px; margin: 5px;color: #4f4f4f;font-size: 13px;
	}
}
.mask-white{z-index: 11; display: none; position: fixed; width: 100%; height: 100%; background:#f5f7fa;top: 0;left: 0;}